@charset "utf-8";
/* CSS Document Xi 个人专用样式表 */
/* 页面层次一般为：
 |--------------------1.body ------------------------------------------|
 |        |---------------2.wrapper---------------------------|        |
 |        |-------------------3.header------------------------|        |
 |        |-------------------3.xpage-------------------------|        |
 |        |-------------------3.push--------------------------|        |
 |        |---------------------------------------------------|        |
 |        |---------------2.footer----------------------------|        |
 |---------------------------------------------------------------------|
*/

/* 0.全局通用布局样式设置  开始 */
*{ margin:0; padding:0; }
html { height:100%; }
body { font-size:12px; font-family:"Microsoft Yahei"; color:#939393; background:#EEEEEE ; height:100%; overflow-x: hidden; }
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; }
button { border:none; padding:0; }
button:-moz-focus-inner { border:none; }
input[type=radio],input[type=checkbox] { vertical-align:middle; }
input.checkbox{ vertical-align:middle; }
input { VERTICAL-ALIGN: middle; outline: medium; }
input,textarea,select,button { font-weight:inherit; font-family:inherit; font-size:inherit; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ul li { list-style-image:none; list-style-position:outside; list-style-type:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { vertical-align:baseline; zoom:1; }
textarea { overflow:auto; }
.block { display:block; }
.fl { float:left; }
.fr { float:right; }
.tl { text-align:left;} 
.tr { text-align:right;} 
.tc { text-align:center;} 
.ml_auto { margin-left:auto; }
.mr_auto { margin-right:auto; }
.fb { font-weight:bold;} 
.fn { font-weight:normal;}   
.nobg { background:none; }
.noborder { border:none; }
.nounderline, .nounderline a { text-decoration: none; }
.pointer { cursor: pointer; }
.hr { border-top: 1px solid #CCCCCC; }
.cb { clear:both; font-size:0px; height:0px; line-height:0px; display:block; border:0px; width:0px; }
/* 0.全局通用布局样式设置  结束 */

/* 1.布局通用样式设置  开始 */
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f15 { font-size:15px; }
.f16 { font-size:16px; }
.f17 { font-size:17px; }
.f18 { font-size:18px; }
.f19 { font-size:19px; }
.f20 { font-size:20px; }
.f21 { font-size:21px; }
.f22 { font-size:22px; }
.f23 { font-size:23px; }
.f24 { font-size:24px; }
.f25 { font-size:25px; }
.f26 { font-size:26px; }
.f27 { font-size:27px; }
.f28 { font-size:28px; }
.f29 { font-size:29px; }
.f30 { font-size:30px; }

.lh_12per { line-height:120%; }
.lh_15per { line-height:150%; }
.lh_20per { line-height:200%; }

.mt_5 { margin-top:5px; }
.mt_10 { margin-top:10px; }
.mt_15 { margin-top:15px; }
.mt_20 { margin-top:20px; }
.mt_25 { margin-top:25px; }
.mt_30 { margin-top:30px; }

.mb_5 { margin-bottom:5px; }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_25 { margin-bottom:25px; }
.mb_30 { margin-bottom:30px; }

.ml_5 { margin-left:5px; }
.ml_10 { margin-left:10px; }
.ml_15 { margin-left:15px; }
.ml_20 { margin-left:20px; }
.ml_25 { margin-left:25px; }
.ml_30 { margin-left:30px; }

.mr_5 { margin-right:5px; }
.mr_10 { margin-right:10px; }
.mr_15 { margin-right:15px; }
.mr_20 { margin-right:20px; }
.mr_25 { margin-right:25px; }
.mr_30 { margin-right:30px; }
.mr_35 { margin-right:35px; }
.mr_40 { margin-right:40px; }
.mr_50 { margin-right:50px; }
.mr_60 { margin-right:60px; }

.pt_5 { padding-top:5px; }
.pt_10 { padding-top:10px; }

.pb_5 { padding-bottom:5px; }
.pb_10 { padding-bottom:10px; }


/* 1.布局通用样式设置  结束 */

/* 2.横纵布局样式设置  开始 */
.wid_100per { width:100% ;  }
.wid_95per { width:95% ;  }
.wid_90per { width:90% ;  }
.wid_85per { width:85% ;  }
.wid_80per { width:80% ;  }

/* 2.横纵布局样式设置  结束 */

/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  开始  注： .footer 最好设置为 height:auto;   */
.wrapper { 
      min-height: 90%;  /* 如需顶底，可设置成100% */
      height: auto !important;
      height: 100%;
      margin: 0 auto -4em;
      text-align: center;
      }
.push { height: 4em; }
/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  结束 */

/* 4.通用颜色样式设置  开始  */
.color_000, .color_000 a { color:#000; }
.color_fff, .color_fff a { color:#fff; }
.bg_ffffff { background: #FFFFFF; }
.bg_f5f5f5 { background: #F5F5F5; }
.border_ddd { border: #dddddd; }
/* 4.通用颜色样式设置  结束  */

/* 5.头尾部分样式设置  开始  */
.header { display:block; float:left; width:100%; height:auto; background:#fafafa; }
.topbar { height: 30px; line-height: 30px; background: url(../images/index_01.png) no-repeat; }
.topbar a { color: #868686; }
.toplink_1 { display: block; float: left; width: 100px ; height: 30px; margin-left: 860px; }
.toplink_2 { display: block; float: left; width: 128px ; height: 30px; margin-left: 40px; }
.toplink_3 { display: block; float: left; width: 30px ; height: 30px; margin-left: 36px; }
.toplogo { display:block; float:left; width:317px; height:68px;  }
.topnav { display:block; float:right; width:800px; height:77px; }
.topnav ul { height: auto; }
.topnav li { display:block; float:left; width:112px; height:77px; font-size:14px; text-align:center; }
.topnav li:hover { background: #1579ab; }
.topnav a { display: block;  text-decoration:none; color:#FFFFFF; margin-top: 28px; }

.toprlink { display:block; float:right; width:270px; height:39px;  }
.toprlink ul { margin-top:10px; }
.toprlink li { display:block; float:left; width:auto; height:auto; font-size:12px; line-height:29px; text-align:center; padding:0px 27px; }
.toprlink li a { color:#999; }
.toprlink li a:hover { color:#F00; }

.topso { display:block; float:right; width:560px; height:auto; }
.topsoluru { display:block; float:left; width:372px; height:35px; border:1px #ccc solid; padding:0px 5px; font-size:16px; line-height:35px; font-family:"Microsoft YaHei";  }
.topsoso { display:block; float:left; width:37px; height:37px; border:1px #ccc solid; border-left:none; background:url(../images/index_spics.png) no-repeat; background-position:1px 1px; }

.topmenuleft { display:block; float:left; width:245px; height:50px; color:#FFF; background:#ff4a01; text-indent:30px; line-height:49px; }
.topmenu { display:block; float:right; width:995px; height:50px; background:#404145;  }
.topmenu ul { width:auto;}
.topmenu li { display:block; float:left; width:160px; height:auto; text-align:center; padding-top:5px; font-size:15px; }
.topmenu li a { color:#FFF; }
.topmenu li a:hover { color:#ccc; font-size:16px; }

.xi_banner { display:block; margin-left:auto; margin-right:auto; width:990px; height:auto;  }
.xi_banner_pic { display:block; margin-left:auto; margin-right:auto; width:100%; height:auto;  }

.xi_toplist { display:block; float:right; width:992px; height:auto; }
.xi_toplist ul { width:auto; }
.xi_toplist li { display:block; float:left; width:246px; height:225px; border:1px #fff solid; overflow:hidden; }
.xi_toplist li:hover {  border:1px #F30 solid;  }
.xi_toplist li img { width:246px; height:225px; }

.footer { display:inline-block; width:100%; min-width: 1202px; height: auto; text-align: left; background: #0297df; color: #FFFFFF; }
.footer a { text-decoration:none; color:#fff; }
.footerline { display:block; margin: 0 auto; width:1202px;  }
.footerline p { text-align:center; line-height:25px; }
/* 5.头尾部分样式设置  结束 */

/* 6.主框架展示模块样式设置 开始 */
.xic_box {  display:inline-block; width:100%; min-width: 1202px; height: auto; text-align: left; }
.xic_line { display:block; margin: 0 auto; width:1202px; height: auto; }
.xic_line a { text-decoration:none; }
.xicleft { display: block; float: left; width: 345px; height: auto; }
.xicright { display: block; float: right; width: 840px; height: auto; }
.line { float: left; width: 100%; height: auto; clear: both; }

.xipicshow { float:left; display:block; width:100%; }
.xismbox { display: block; float: left; width: 33.33%; height: 303px; overflow: hidden; }
.xismbox ul { float: left; width: 95%; background:#FFFFFF ; margin-top: 10px; }
.xismbox li { float: left; width: 100%;  }
.xismbox li .titpic { display: block; float: left; width: 160px; height: 118px; margin-left: 20px;}
.xismbox li .titpictext { display: block; float: left; width: 184px; height: 118px; padding-left: 10px; font-weight: normal;  }
.xismbox li .titpictext a {display: block; float: left; color: #000000; margin-top:15px ; line-height: 36px; font-size: 14px; }
.xismbox li .titpictext:hover { background: url(../images/titpictextbg.png) no-repeat; }
.xismbox li .titpictext:hover a { color: #FFFFFF; }
.xismbox li .tit { display: block; float: right; width: 280px; font-size: 14px; line-height: 26px; margin-right:20px ; }
.xismbox li .tit a { text-decoration: none; color: #007dba; }
.xismbox li .text {  display: block; float: right; width: 280px; color: #000000; line-height: 20px;  margin-right:20px ; }
.xismbox li .s1 { display: block; float: right; width: 20px; height: 20px; background: url(../images/bgpics.png) no-repeat; background-position: -9px -48px; }
.xismbox li .s2 { display: block; float: right; width: 20px; height: 20px; background: url(../images/bgpics.png) no-repeat; background-position: -29px -48px; }
.xismbox li .newstit { line-height: 36px; text-indent: 10px; font-size: 14px; background: url(../images/newstitbg.png) no-repeat;  font-weight: normal; }
.xismbox li .newstit a { color: #666666; }
.xismbox li .newstit:hover { background: url(../images/newstitbghover.png) no-repeat; color: #FFFFFF; }
.xismbox li .newstit:hover .fr {display: none;}

.xismbox .linkbox1 { display: block; float: left; width: 400px; height: 140px; background: url(../images/index_08a.png) no-repeat; margin-bottom:10px ; }
.xismbox .linkbox1 a { display: block; float: left; width: 250px; margin-left: 95px; margin-top: 35px; color: #FFFFFF; font-size: 14px; }
.xismbox .linkbox2 { display: block; float: left; width: 195px; height: 145px; background: url(../images/index_08b.png) no-repeat; border: 1px solid #FFFFFF; }
.xismbox .linkbox2:hover { border: 1px solid #FF3300; }
.xismbox .linkbox3 { display: block; float: right; width: 195px; height: 145px; background: url(../images/index_08c.png) no-repeat; border: 1px solid #dddddd; }
.xismbox .linkbox3:hover { border: 1px solid #0297DF; }

.xismbox .linklist { float: left; width: 100%;  }
.xismbox .linklist ul { width: 90%; margin-left: 8%; margin-top: 14px; background: #eeeeee; }
.xismbox .linklist li { display: block; float: left; width: 30%; height: 75px; margin-left: 1%; margin-top: 5px; margin-right: 1%;  border: 2px solid #eeeeee; overflow: hidden;}
.xismbox .linklist li a { display: block; float: left; color: #FFFFFF; text-decoration: none;  }
.xismbox .linklist li:hover { border: 2px solid #ffffff; }
.xismbox .linklist li img { width: 108px; height: 75px; }
.xismbox .linklist li .dalei {display: block; float: left; width: 108px; position: absolute; text-indent: 10px; line-height: 26px; margin-top: -30px; background: url(../images/toumingbg.png) no-repeat; }
.xismbox .linklist li:hover .dalei { color: #ffffff; }

.xismbox2 { display: block; float: left; width: 66.6%; height: 303px; overflow: hidden; }

.xismbox3 { display: block; float: left; width: 100%; height: auto; overflow: hidden; }

.friendlink { float: left; width: 1202px;  padding-left: 120px; background: url(../images/friendlink.png) no-repeat; line-height: 50px;}
.friendlink a {padding: 0 20px; color:#000000 ; }
/* 6.主框架展示模块样式设置 结束 */

/* 7.栏目页与内容页主展示模块 开始 */
.xileftbox { display: block; float: left; width: 100%; height: auto; overflow: hidden; }

.xicleftprotit { width: 100%; height: auto; line-height: 40px; text-indent: 10px; font-size: 16px; background: #1abc9b; color: #FFFFFF;  }
.xicleftpronav { float: left; width: 100%; min-height: 100px; height: auto; background: #FFFFFF; padding-top: 10px; padding-bottom: 10px; }
.xicleftpronav a { display: block; float: left; width: 280px; height: auto; line-height: 30px; font-size: 14px; margin-left: 30px; background: #f3f3f3; color: #000000; text-align: center; margin-top: 5px; margin-bottom: 5px;  }
.xicleftpronav a:hover { background: url(../images/pronavbg.jpg) no-repeat; color: #FFFFFF;  }

.xileftnews { display: block; float: left; width: 100%; height: 303px; overflow: hidden; }
.xileftnews dl { float: left; width: 100%; background:#FFFFFF ; }
.xileftnews dt { background: #0397DF; text-indent: 5px; line-height: 35px; color: #FFFFFF; }
.xileftnews dt .indexmore { display: block; float: right; width: 30px; height: 35px;  background: url(../images/bgpics.png) no-repeat; background-position: -75px 0px; }
.xileftnews dd { float: left; width: 96%;  }
.xileftnews dd .titpic { display: block; float: left; }
.xileftnews dd .titpictext { display: block; float: left; width: 184px; height: 118px; padding-left: 10px; }
.xileftnews dd .titpictext a {display: block; float: left; color: #000000; margin-top:15px ; line-height: 36px; font-size: 14px; }
.xileftnews dd .titpictext:hover { background: url(../images/titpictextbg.png) no-repeat; }
.xileftnews dd .titpictext:hover a { color: #FFFFFF; }
.xileftnews dd .tit { display: block; float: right; width: 230px; font-size: 14px; line-height: 26px; margin-right:20px ; }
.xileftnews dd .tit a { text-decoration: none; color: #007dba; }
.xileftnews dd .text {  display: block; float: right; width: 230px; color: #000000; line-height: 20px;  margin-right:20px ; }

.xileftlink { display: block; float: left; width: 100%; height: auto; overflow: hidden; }
.xileftlink .linkpic { display: block; width: 165px; height: 120px; border: 1px solid #eeeeee; }
.xileftlink .linkpic img { width: 165px; height: 120px; }
.xileftlink .linkpic:hover { border: 1px solid #CC3300; }


.xicrighttit { width: 100%; height: auto; line-height: 40px; text-indent: 15px; font-size: 20px; background: #1abc9b; color: #FFFFFF; }
.xicrightcont { float: left; width: 100%; min-height: 320px; height: auto; background: #FFFFFF;  }
.xicrightcont a { color: #666666; text-decoration: none; }
.xicrightcont a:hover { color: #000000; }
.xicrightcont .text { padding: 35px; }
.xicrightcont .newslist { float: left; height: auto; margin-left: 120px; width: 520px; }
.xicrightcont .newslist ul { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.xicrightcont .newslist li {border-bottom: 1px dashed #CCCCCC; font-size: 13px; line-height: 35px; list-style-image: url(../images/newslist_dot.jpg); }

.xicrightcont .prolist { float: left; height: auto; margin-left: 20px; width: 820px; }
.xicrightcont .prolist ul { float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.xicrightcont .prolist li { display: block; float: left; width: 250px; height: 200px; margin-right: 10px;   }
.xicrightcont .prolist li .proname { float: right; width: auto; min-width: 150px; height: 30px;  margin-top: -60px; margin-right: 20px; color: #666666; position: relative; text-align: right; }

.xipages { float: left; width: 100%; margin-left: 200px; margin-top: 20px; margin-bottom: 20px; }
.xipages a { display: block; float: left; width: auto; height: 30px; margin-right: 10px; line-height: 30px; padding: 0 10px; border: 1px solid #666666; background: #f9f9f9; color: #666666; border-radius: 4px; }
.xipages a:hover { border: 1px solid #ffffff; background: #0297df; color: #666666; }

.contact_text { margin-left: 230px; margin-top: -200px; }

.index_abouttit { float: left; width: 95%; height: 52px;  background: #33c2f6; color: #ffffff; text-indent: 20px; font-size: 22px; line-height: 50px; }
.abouttext { width: 91%; }
.abouttext img { float: left; margin-right: 20px; margin-bottom: 10px;  }

.index_newstit { float: left; width: 95%; height: 52px;  background: #33c2f6; color: #ffffff; text-indent: 20px; font-size: 22px; line-height: 50px; }

.index_casetit { float: left; width: 95%; height: 52px;  background: #33c2f6; color: #ffffff; text-indent: 20px; font-size: 22px; line-height: 50px; }

.index_protit { float: left; width: 95%; height: 52px;  background: #33c2f6; color: #ffffff; text-indent: 20px; font-size: 22px; line-height: 50px; }
.index_prolist { width: 96%; }
.index_prolist ul { float: left; width: 100%; margin-top: 10px;  }
.index_prolist li { display: block; float: left; width: 22.8%; margin-left: 1%; margin-top: 10px; margin-right: 1%; line-height: 2em; overflow: hidden; }
.index_prolist img { width: 180px; height: 120px; }
.index_prolist h1 { font-size: 15px; font-weight: normal; }

.page_tit { float: left; width: 100%; height: 52px; line-height: 52px; font-size: 25px; color: #ffffff; text-indent: 36px; background: #33c2f6; }
.page_cont { width: 90%; margin-left: 5%; height: auto; line-height: 2em; font-size: 14px; color: #666666; padding-bottom: 50px; }

.page_newslist {float: left; width:100% ; }
.page_newslist ul { float: left; width:100% ; }
.page_newslist li { width:100% ; clear: both; }
.page_newslist li .pic { display: block; float: left; width: 20%; }
.page_newslist li .pic img {width: 100%; height: auto; }
.page_newslist li .text { display: block; float: right; width: 77%; }
.page_newslist li .text h1 { font-size: 16px; line-height: 2em; }
.page_newslist li .text .read, .read a  { color: #ff9900; }

.page_piclist { width:100% ; }
.page_piclist ul { float: left; width:100% ; }
.page_piclist li { display: block; float: left; width:22% ; margin-left: 1.5%; margin-top: 10px; margin-right: 1.5%; }
.page_piclist li .pic {width: 100%; text-align: center; }
.page_piclist li .pic img {width: 100%; height: auto; }
.page_piclist li .text { width: 100%; height: auto; overflow: hidden; }
.page_piclist li .text h1 { font-size: 16px; line-height: 2em; }
.page_piclist li .text .read, .read a  { color: #ff9900; }

.page_view { width: 100%; }
.page_view h1 { width: 100%; text-align: center; font-size: 16px; line-height: 3em; font-weight: bold; }

.page_back { text-align: right; margin-top: 50px; margin-bottom: 20px; }
.page_back a { padding: 5px 20px; background: #33c2f6; border-radius: 3px; color: #ffffff; }
/* 7.栏目页与内容页主展示模块 结束 */